<s:label value="Select role"/>
                                    <s:checkbox name="role1" fieldValue="true" value="true" label="Catelogue"/> 
                                    <s:checkbox name="role2" fieldValue="true" value="true" label="Product"/> 
                                    <s:checkbox name="role3" fieldValue="true" value="true" label="Customer"/> 
                                    <s:checkbox name="role4" fieldValue="true" value="true" label="Administrator"/> 
                                    <s:checkbox name="role5" fieldValue="true" value="true" label="Receipting"/> 
                                    <s:checkbox name="role6" fieldValue="true" value="true" label="Issuing"/> 
                                    <s:checkbox name="role7" fieldValue="true" value="true" label="Inventory"/> 
                                    <s:checkbox name="role8" fieldValue="true" value="true" label="Google Ad "/>
                                    
                                      <table>
                                        <tr>
                                            <td>
                                                <s:reset value="Reset" cssStyle="width: 96px" theme="simple" />
                                            </td>
                                            <td>
                                                <s:submit value="Add Staff" cssStyle="width: 96px; margin-left: 132px" theme="simple" />
                                            </td>
                                        </tr>
                                        <tr>
                                            <td colspan="2"><s:actionerror /></td>
                                        </tr>
                                    </table>
<div class="registerFormVertical">
                                <div class="simpletable">
                                    <table  id="simpletable">
                                        <thead >
                                            <tr>
                                                <th style="width: 10%;"></th>
                                                <th style="width: 5%;">Manage Category</th> 
                                                <th style="width: 5%;">Manage Product </th>
                                                <th style="width: 5%;">Manage Staff</th>
                                                <th style="width: 5%;">Manage Customer</th>
                                                <th style="width: 5%;">Manage Supplier</th>
                                                <th style="width: 5%;">Manage Receipting</th>
                                                <th style="width: 5%;">Manage Issuing</th>
                                                <th style="width: 5%;">Inventory</th>
                                                <th style="width: 5%;">Use Bidding Algorithm</th>
                                                <th style="width: 5%;">Request  Receipt</th> 
                                                <th style="width: 5%;">Report</th>
                                                <th style="width: 5%;">Accept Receipt Request</th>
                                                <th style="width: 5%;">Check box</th>
                                            </tr>
                                        </thead>
                                        <tbody>
                                            <tr>
                                                <td >Administrator</td>
                                                <% for(int i = 0; i<11; i++) {%>
                                                <td style="width: 5%;height:20px;"> <img src="<%= request.getContextPath()%>/css/dot2.png" alt="role" width="20" height="auto" title="role"/>
                                                </td>
                                                <% } %>
                                                <td></td>
                                                <td style="width: 5%;"> <s:checkbox name="administrator" fieldValue="true" theme="simple" value="false"/> </td>
                                            </tr>
                                            <tr>
                                                <td>Staff</td>
                                                <%for (int i = 0; i < 2; i++) {%>
                                                <td style="width: 5%;"> <img src="<%= request.getContextPath()%>/css/dot2.png" alt="role" width="20" height="auto" title="role"/>
                                                </td>
                                                    <% }%>
                                                    <td></td>
                                                <%for (int i = 0; i < 2; i++) {%>
                                                <td style="width: 5%;"> <img src="<%= request.getContextPath()%>/css/dot2.png" alt="role" width="20" height="auto" title="role"/>
                                                </td>
                                                    <% }%>    
                                                <%for (int i = 0; i < 4; i++) {%>
                                                <td></td>
                                                <% }%>
                                                <td style="width: 5%;"> <img src="<%= request.getContextPath()%>/css/dot2.png" alt="role" width="20" height="auto" title="role"/>
                                                </td>
                                                <td></td>
                                                <td></td>
                                                <td style="width: 5%;"> <s:checkbox name="newStaff" fieldValue="true" theme="simple" value="true"/> </td>
                                                
                                            </tr>
                                            <tr>
                                                <td >Store keeper</td>
                                                 <%for (int i = 0; i < 5; i++) {%>
                                                <td></td>
                                                <% }%>
                                                <%for (int i = 0; i < 3; i++) {%>
                                                <td style="width: 5%;"> <img src="<%= request.getContextPath()%>/css/dot2.png" alt="role" width="20" height="auto" title="role"/>
                                                </td>
                                                 <% }%>
                                                <td></td>
                                                 <td style="width: 5%;"> <img src="<%= request.getContextPath()%>/css/dot2.png" alt="role" width="20" height="auto" title="role"/>
                                                </td>
                                                <td style="width: 5%;"> <img src="<%= request.getContextPath()%>/css/dot2.png" alt="role" width="20" height="auto" title="role"/>
                                                </td>   
                                                <td></td>
                                                <td style="width: 5%;"> <s:checkbox name="storekeeper" fieldValue="true" theme="simple" value="false"/> </td>
                                                
                                            </tr>
                                            <tr>
                                                <td >Director</td>
                                                <%for (int i = 0; i < 12; i++) {%>
                                                <td style="width: 5%;"> <img src="<%= request.getContextPath()%>/css/dot2.png" alt="role" width="20" height="auto" title="role"/>
                                                </td>
                                                    <% }%>
                                                <td style="width: 5%;"> <s:checkbox name="director" theme="simple" fieldValue="true" value="false"/> </td>
                                            </tr>
                                        </tbody>
                                    </table> 
                                </div>
                                           
                            </div>